﻿@model PhotoBlog.Models.Portfolio.PortfolioViewModel
@section styles
{
    <link href="~/Content/fotorama.css" rel="stylesheet" />
}
<section class="row">
    <section class="col-lg-12">
        <div class="fotorama"
             data-width="1400"
             data-ratio="1400/934"
             data-max-width="100%"
             data-nav="thumbs"
             data-allowfullscreen="native"
             data-keyboard="true"
             data-loop="true"
             data-autoplay="3000">
            @foreach (var photo in Model.PortfolioPhoto)
            {
                <a href="\@photo.ImageUrl" data-caption="День @photo.Day">
                    <img src="\@photo.ImageThumbUrl">
                </a>
            }
        </div>
    </section>
</section>
@section scripts
{
    <script src="~/Scripts/fotorama.js"></script>
}
